<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" href="css/order.css">
</head>
<body>
    <div class="herder-box">
        <div class="herder">
            <h1 class="fl">
                炫酷F4
            </h1>
            <ul class="nav fl">
                <li><a href="/">首页</a></li><li><a href="settle.html">我的订单</a></li>
            </ul>
            <div class="herder-r fr">
                <div class="fl"><a href="rule.html">规则中心</a></div>
                <div class="fr"><a href="#">登录/注册</a></div>
            </div>
        </div>
    </div>
    <div class="section1">
        <div class="section1-left fl">
            <span>当前位置：</span><span title="陕西西安">陕西西安</span><span><a href="#">[修改地址]</a></span>
        </div>
        <div class="section1-right fl">
            <input type="text" placeholder="美食名称/美食订单号...">
            <input type="submit" class="submit" value="">
        </div>
    </div>
    <div class="order-box">
        <div class="order">
            我的订单
        </div>
        <div class="order-nr">
            <ul class="order-nav">
                <li>下单时间</li>
                <li>订单内容</li>
                <li></li>
                <li>支付金额（元）</li>
                <li>状态</li>
                <li>操作</li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
            <ul class="order-nav1">
                <li class="bd-n time">1小时55分钟前
                    <span class="dian">
                        <span class="dian2">

                        </span>
                    </span>

                </li>
                <li class="bd-n img-box">
                    <div><img src="images/宫保鸡丁.jpg" alt=""></div>
                </li>
                <li>
                    <p>
                        <span class="order-nr1">港式4号+奥尔良腿排+鸡柳+里脊1份 / 爱心煎蛋1份</span>
                        <span class="order-num">2</span>
                        <span>个菜品</span>
                    </p>
                    <p>订单号: 2102325805099563148</p>
                </li>
                <li>￥100.00</li>
                <li>订单已完成</li>
                <li>
                    <a href="#">订单详情</a>
                    <a href="#">再来一份</a>
                </li>
            </ul>
        </div>
        <div class="clear">

        </div>
        <div class="pgon">
            <span>下一页</span>
        </div>
    <div class="clear">

    </div>
    </div>
    <div class="footer">
        <p>
            所有权：归大专软件1801炫酷F4所有，盗版必究
        </p>
        <p class="copyright">
            <span>增值电信业务许可证 :</span>
            <span>沪B2-20xxxxxxx</span>|
            <span>沪ICP备 0900xxxxx</span>|
            <span>上海工商行政管理</span>
            <span>Copyright ©2008-2017 ele.me, All Rights Reserved.</span>
        </p>
    </div>
</body>
</html>